@charset "utf-8";
*{
    margin: 0;
    padding: 0;
}
.app-header{
    position: fixed;
    top:0;
    left: 0;
    z-index: 999;
    width: 100%;
}
.app-body{
    position: relative;
    width: 100%;
    height: 100%;
    /*padding-top:0.84rem;*/
    font-size: 0.14rem;
}
.header{
    line-height: 0.44rem;
    width: 100%;
    height: 0.44rem;
    font-size: 0.32rem;
    padding-top: 0.4rem;
    color: #333333;
    text-align: center;
    background: #fff;
}
.txt{
    outline: none;
    display: inline-block;
    border: none;
    padding-left: 0.1rem;
    font-size: 0.32rem;
    color: #333;
}
.btn{
    display: inline-block;
    text-align: center;
    background: #5A9CF8;
    color: #fff;
    font-size: 0.28rem;
    border-radius: 0.1rem;
    padding: 0.2rem;
    border: none;
}
.btn:disabled{
    background: #A2C9FF;
}
.btn-lg{
    width: 100%;
    font-size: 0.3rem;
    padding: 0.3rem auto;
    margin: 0 auto;
    background: #5A9CF8;
}
input:-moz-placeholder{
    color: #cdd1d1;
}
input:-ms-input-placeholder{
    color: #cdd1d1;
}
input::-moz-placeholder{
    color: #cdd1d1;
}
input::-webkit-input-placeholder{
    color: #cdd1d1;
}
/*弹框*/
.alertModel{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.loadingMessage{
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.loadingMessage font{
    display: inline-table;
    /*line-height: 170%;
    max-width: 80%; */
    padding: 0.25rem 0.85rem;
    font-size:0.28rem;
    background: #999999;
    box-shadow: 0 0px 0.3rem 0 #A5A5A5;
    border-radius: 0.08rem;
    color: #fff;
}
.scroll-wrap{
   position:absolute;
  bottom:0;
  top:0;
  width:100%;
  left:0;
  /*margin-top:1rem;*/
  overflow-y: hidden;
}
.scroll-body{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    box-sizing: border-box;
}

.loadingMessage{
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.cover{
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:200;
    top:0;
    left:0;
    overflow-y:auto;
}
.moduleBox {
    box-sizing: border-box;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 40%;
    border-radius: 0.22rem;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%,-50%);    
    transform: translate(-50%, -50%);
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration:0.3s;    
    animation-duration: 0.3s;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
    overflow: hidden;;
    z-index: 300;
  }

  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -50%); 
      -o-transform: translate(-50%,-50%);      
      transform: translate(-50%, -100%);
    }

    100% {
      opacity: 1;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -50%); 
      -o-transform: translate(-50%,-50%);      
      transform: translate(-50%, -50%);
    }
  }

  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -50%); 
      -o-transform: translate(-50%,-50%);           
      transform: translate(-50%, -100%);
    }

    100% {
      opacity: 1;
      -o-transform: translate(-50%,-50%);      
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);      
      transform: translate(-50%, -50%);
    }
  }